
// 继承 让一个类 继承另一个类 属性和方法
@use "sass:math";

$centerWidth:600px;

@function pxToRem($val){
    // @return ($val/100px);
    // @return math.div($val,100px)*1rem;
    @return #{math.div($val,100px)}rem;
}

// .w{ // 被继承的父类
//     width: pxToRem($centerWidth);
//     margin: 0 auto;
// }
// .header,.main,.footer{  // 继承的
//     @extend .w;
// }

%w{ // 被继承的父类 (如果是 %开头 => 将不会被sass 编译)
    width: pxToRem($centerWidth);
    margin: 0 auto;
}
.header,.main,.footer{  // 继承的
    @extend %w;
}



